import React from 'react';
import RegisterForm from './RegisterForm';
import { WindowControls } from '../WindowControls';
import './RegisterPage.css';

const RegisterPage = ({ onBackToLogin, onRegister }) => {
  return (
    <div className="register-page">
      <WindowControls
        title="个人成果管理软件 - 注册"
        backgroundColor="#ffffff99"
        textColor="#666666"
      />
      <div className="register-page__background">
        <div className="register-page__gradient-circle"></div>
      </div>
      <div className="register-page__content">
        <RegisterForm onBackToLogin={onBackToLogin} onRegister={onRegister} />
      </div>
    </div>
  );
};

export default RegisterPage;
